.header {
  width: 100%;
  height: 108px;
  box-shadow: 0px 2px 7px 0px rgba(222, 222, 222, 0.5);
}

.header .header-img {
  float: left;
  width: 90px;
  height: 46px;
  margin-top: 39px;
  margin-left: 42px;
}

.header .header-c {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
  font-size: 20px;
  line-height: 108px;
  text-align: center;
  color: #333;
}

.header .header-c .title-left {
  float: left;
}

.header .header-c .title-right {
  float: right;
}

.container {
  width: 100%;
}

.container .container-c {
  width: 1200px;
  margin: 0 auto;
}

.container .container-c .register-steps {
  /* width: xxx */
  height: 34px;
  margin-top: 94px;
  text-align: center;
  line-height: 34px;
}

.container .register-steps .step-one {
  /* float: left; */
  display: inline-block;
  /* width: xx */
  height: 100%;
  color: #999;
}

.container .register-steps .step-one .number {
  display: inline-block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  text-align: center;
  color: #999;
  background-color: #fff;
  border: 1px solid #999;
  /* css3盒子模型 去掉边框的影响  */
  box-sizing: border-box;
}

.container .register-steps .line {
  /* float: left; */
  display: inline-block;
  width: 240px;
  height: 1px;
  background-color: #999;
  margin: 10px;
  vertical-align: middle;
}

/* 处理完的样式 */
.container .register-steps .step-one.done {
  color: #333;
}

.container .register-steps .step-one.done .number {
  border-color: #1677FF;
  color: #1677FF;
}

/* 正在处理的样式 */
.container .register-steps .step-one.active {
  color: #666;
}

.container .register-steps .step-one.active .number {
  border-color: #1677FF;
  color: #fff;
  background-color: #1677FF;
}

.container .register-steps .line.done {
  background-color: #1677FF;
}

.container .login-form {
  width: 446px;
  /* height: xxx; */
  margin: 0 auto;
  margin-top: 158px;
}

.container .login-form .phone-input-block {
  width: 100%;
  height: 50px;
  border: 1px solid rgba(189, 189, 189, 1);
  border-radius: 6px;
  /* 为了1px边框不影响盒子大小 */
  box-sizing: border-box;
}

.container .login-form .phone-input-block .label-title {
  float: left;
  width: 112px;
  height: 100%;
  /* text-align: center; */
  line-height: 50px;
  text-indent: 1em;
  /* 注意 当前文件位置是再css中,所以需要先跳出来再找imgs文件夹 */
  background: url('../imgs/arr_down.png') no-repeat 86px center;
  background-size: 16px 16px;
  border-right: 1px solid #BDBDBD;
}

.container .login-form .phone-input-block .input-phone {
  float: left;
  width: 325px;
  height: 100%;
  border: none;
  outline: none;
  text-indent: 1em;
}

.container .login-form .btn-verify {
  width: 446px;
  height: 50px;
  border: 1px solid rgba(189, 189, 189, 1);
  border-radius: 6px;
  margin-top: 24px;
  text-align: center;
  line-height: 50px;
  color: #333;
}

.container .login-form .input-btn-next {
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background-color: #333;
  margin-top: 48px;
  border: none;
  outline: none;
  border-radius: 6px;
  cursor: pointer;
}

.container .login-form .com-register {
  float: left;
  font-size: 14px;
  color: #333;
  margin-top: 24px;
  cursor: pointer;

}

.container .login-form .abroad-register {
  float: right;
  font-size: 14px;
  color: #333;
  margin-top: 24px;
  cursor: pointer;

} 


.footer {
  width: 100%;
  height: 261px;
  margin-top: 200px;
  background-color: #F8F8F8;
}

.footer .footer-c {
  width: 1200px;
  height: 100%;
  margin: 0 auto;

}

.footer .footer-c .footer-logo {
  float: left;
  width: 168px;
  height: 86px;
  margin-top: 84px;
}

.footer .footer-c .footer-list {
  float: left;
  width: 775px;
  height: 25px;
}

.footer .footer-c .footer-item {
  float: left;
  height: 100%;
  margin-top: 86px;
}

.footer .footer-c .item-link {
  float: left;
  display: block;
  height: 100%;
  font-size: 18px;
  color: #333;
  margin-left: 9px;
}

.footer .footer-c .footer-split {
  float: left;
  height: 100%;
  margin-top: 86px;
  margin-left: 9px;
}

.footer .footer-c .last {
  float: left;
  margin-top: 34px;
  margin-left: 9px;
}

.footer .footer-c .footer-code {
  float: right;
  height: 100%;
}

.footer .footer-c .footer-code .code {
  float: left;
  width: 85px;
  height: 85px;
  margin-top: 73px;
}

.footer .footer-c .footer-code .code.code-1 {
  margin-right: 24px;
}
.mask-dialog{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.3);
  z-index: 999;
}
.mask-dialog .dialog-body{
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -241px;
  margin-top: -145px;
  width: 482px;
  height: 290px;
  background-color: #fff;
  border: 1px solid rgba(151, 151, 151, 1);
  border-radius: 6px;
}
.mask-dialog .close{
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.mask-dialog .close .close-img{
  float:right;
  width: 100%;
  height: 100%;
}
.mask-dialog .dialog-body .dialog-c{
  text-align: center;
  color: #333;
}
.mask-dialog .dialog-body .dialog-c .dialog-text{
  margin-top: 24px;
}
.mask-dialog .dialog-body .gift-img{
  width: 41px;
  height: 44px;
  margin-top: 50px;
}
.mask-dialog .dialog-body .input-btn-next{
  width: 290px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  background-color: #333;
  margin-top: 38px;
  border: none;
  outline: none;
  border-radius: 6px;
  cursor: pointer;
  
}


